<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
    <%@ page isELIgnored="false" %>
	<%@ taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>  
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
		<title>用户个人中心</title>
		<link rel="shortcut icon" href="${pageContext.request.contextPath}/images/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/identify.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/layout.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/account.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/style1.css" />
		<link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/control_index.css" />
		<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.min.css">
		<link rel="stylesheet" href="${pageContext.request.contextPath}/bootstrap/css/bootstrap.css"> 
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.7.2.min.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/haidao.offcial.general.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/select.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/js/haidao.validate.js"></script>
		<script type="text/javascript" src="${pageContext.request.contextPath}/bootstrap/js/bootstrap.min.js"></script> 
		 <script type="text/javascript" src="${pageContext.request.contextPath}/js/userInfo.js"></script>
		 <script type="text/javascript" src="${pageContext.request.contextPath}/js/md5.js"></script>
		 
	</head>

	<body >
	<div class="container" >
			<div class="row">
				<div class="col-lg-12">
					<!-- Carousel -->
					<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
						<!-- Indicators -->
						<ol class="carousel-indicators hidden-xs">
							<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
							<li data-target="#carousel-example-generic" data-slide-to="1"></li>
							<li data-target="#carousel-example-generic" data-slide-to="2"></li>
						</ol>
						<!-- Wrapper for slides -->
						<div class="carousel-inner">
							<div class="item active">
								<a href="${pageContext.request.contextPath }/goods/detail?id=107" target="_blank">
									<img style="width:100%;height:150px;" src="${pageContext.request.contextPath}/images/banner01.jpg" alt="First slide">
								</a>
								<!-- Static Header -->
								<div class="header-text hidden-xs">
									<div class="col-md-12 text-center">
									</div>
								</div><!-- /header-text -->
							</div>
							<div class="item">
								<a href="${pageContext.request.contextPath }/goods/detail?id=117" target="_blank">
									<img style="width:100%;height:150px;" src="${pageContext.request.contextPath}/images/banner02.jpg" alt="First slide">
								</a>
								<!-- Static Header -->
								<div class="header-text hidden-xs">
									<div class="col-md-12 text-center">
									</div>
								</div><!-- /header-text -->
							</div>
							<div class="item">
								<a href="${pageContext.request.contextPath }/goods/detail?id=87" target="_blank">
									<img style="width:100%;height:150px;" src="${pageContext.request.contextPath}/images/banner03.jpg" alt="First slide">
								</a>
								<!-- Static Header -->
								<div class="header-text hidden-xs">
									<div class="col-md-12 text-center">
									</div>
								</div><!-- /header-text -->
							</div>
						</div>
						<!-- Controls -->
						<a class="left carousel-control" href="#carousel-example-generic" data-slide="prev">
							<span class="glyphicon glyphicon-chevron-left"></span>
						</a>
						<a class="right carousel-control" href="#carousel-example-generic" data-slide="next">
							<span class="glyphicon glyphicon-chevron-right"></span>
						</a>
					</div><!-- /carousel -->
				</div>
			</div>
	</div>
	<div class="container" style="backgroud-color:#aaa">
	<div class="tabbable" id="tabs-306428"><!-- Only required for left/right tabs -->
		<ul class="nav nav-tabs" style="background: black; height: 40px;">
			
			<li class="active"><a contenteditable="false" data-toggle="tab" href="#userInfo" style="color:#ddd">个人信息</a></li>
			<li><a contenteditable="false" data-toggle="tab" href="#manaInfo" style="color:#ddd">信息维护</a></li>
			<li><a contenteditable="false" data-toggle="tab" href="#modifyPW" style="color:#ddd">修改密码</a></li>
			<li><a contenteditable="false" data-toggle="tab" href="#serchPurchase" style="color:#ddd" id="getOrder">查看消费记录</a></li>
			<li><a  href="${pageContext.request.contextPath}/goods/firstQuery" style="color:#ddd">返回首页</a></li>
		</ul>



		<div class="tab-content" style="width:100%;">
				
			<!--显示基本信息与详细信息-->
			<div class="tab-pane active " contenteditable="true" id="userInfo" >
				
				<form name="setp0" action="" method="post" id="in" autocomplete="off" style="width:100%;">
						<div class="basic-info-detail clearfix">
							<div class="unit-style padding-big-lr clearfix">
								<div class="real-name-con height-main margin-top-25 clearfix">
									<p class="content-left-zoon" contenteditable="false">用户名：</p>
									<div class="content-right-zoon">
									<input type="hidden" id="userId" value="${requestScope.userAccount.id }" contenteditable="false">
										<input class="width-main input" type="hidden"  id="userAccount" value=""
										contenteditable="false">${requestScope.userAccount.userAccount}
									</div>
								</div>
								
								<div class="real-name-con height-main margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										真实姓名:
									</p>
									<div class="content-right-zoon">
									<input type="hidden" id="userDetailsId" value="${requestScope.userDetails.id}">
										<input class="width-main input" type="hidden"  value=""
										id="realName" >${requestScope.userDetails.realname}
									</div>
								</div>
								
								<div class="real-name-con height-main margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										用户性别:
									</p>
									<div class="content-right-zoon">
										<select class="width-main input" name="sex" id="gender">
											<option value="1" ${requestScope.userDetails.gender == '1' ? 'selected' : ''}>男</option>
											<option value="0" ${requestScope.userDetails.gender == '0' ? 'selected' : ''}>女</option>
										</select>
								
									</div>
								</div>
								
								<div class="real-name-con  margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										用户昵称:
									</p>
									<div class="content-right-zoon">
										<input class="width-main input" type="hidden"  value=""
										 id="nickname" >${requestScope.userDetails.nickname}
									</div>
								</div>
								
								<div class="real-name-con  margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										电话号码:
									</p>
									<div class="content-right-zoon">
										<input class="width-main input" type="hidden"  value=""
										 id="phone" >${requestScope.userDetails.phone}
										
									</div>
								</div>
							  <div class="real-name-con height-main margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										用户住址:
									</p>
									<div class="content-right-zoon">
										<input class="width-main input" type="hidden"  value=""
										 id="address" >${requestScope.userDetails.address}
									</div>	
							</div>
						</div>
					</div>
				</from>
				<br><br><br><br><br>
		</div>
		<!---->
			<!--信息管理界面，修改账号信息-->
		<div class="tab-pane" contenteditable="true" id="manaInfo">
			<form name="setp1" action="userInfo/modiyInfo" method="post" autocomplete="off" style="width:1000px;">
						<div class="basic-info-detail clearfix">
							<div class="unit-style padding-big-lr clearfix">
								<div class="real-name-con height-main margin-top-25 clearfix">
									<p class="content-left-zoon">用户名：</p>
									<div class="content-right-zoon">
										<input class="width-main input" type="text"  id="userAccountMana" value="${requestScope.userAccount.userAccount}"
										>
									</div>
								</div>
								
								<div class="real-name-con height-main margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										真实姓名:
									</p>
									<div class="content-right-zoon">
									<input type="hidden" id="userDetailsId" value="${requestScope.userDetails.id}">
										<input class="width-main input" type="text"  value="${requestScope.userDetails.realname}"
										id="realNameMana" >
									</div>
								</div>
								
								<div class="real-name-con height-main margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										用户性别:
									</p>
									<div class="content-right-zoon">
										<select class="width-main input" name="sex" id="genderMana">
											<option value="1" ${requestScope.userDetails.gender == '1' ? 'selected' : ''}>男</option>
											<option value="0" ${requestScope.userDetails.gender == '0' ? 'selected' : ''}>女</option>
										</select>
								
									</div>
								</div>
								
								<div class="real-name-con  margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										用户昵称:
									</p>
									<div class="content-right-zoon">
										<input class="width-main input" type="text"  value="${requestScope.userDetails.nickname}"
										 id="nickNameMana" >
									</div>
								</div>
								
								<div class="real-name-con  margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										电话号码:
									</p>
							
									<div class="content-right-zoon">
										<input class="width-main input" type="text"  value="${requestScope.userDetails.phone}"
										 id="phoneMana" >
										  <span id="len">按照手机号码格式输入</span>
									</div>
								</div>
							  <div class="real-name-con height-main margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										用户住址:
									</p>
									<div class="content-right-zoon">
										<input class="width-main input" type="text"  value="${requestScope.userDetails.address}"
										 id="addressMana" >
									</div>
									
								</div>
								
								<div class="unit-style padding-large-tb clearfix">
									<div class="margin-large-top padding-left text-left content-right-zoon">
										<input type="button" id="modifyInfo"value="提交修改" class="submit fl">
									</div>
								</div>
								
						   </div>
						</div>
					</form>
		</div>
			<!--修改密码界面-->
		<div class="tab-pane" contenteditable="true" id="modifyPW">
			<form name="setp0" action="userInfo/modifyPw" method="post"  autocomplete="off" style="width:100%;align:center">
						<div class="basic-info-detail clearfix">
							<div class="unit-style padding-big-lr clearfix">
								<div class="real-name-con height-main margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">原始密码：</p>
									<div class="content-right-zoon">
										<input class="width-main input" type="text"  id="oldPW" 
										><span id="psw1" style="color: red"></span>
									</div>
								</div>
								
								<div class="real-name-con height-main margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										新密码:
									</p>
									<div class="content-right-zoon">
										<input class="width-main input" type="text" 
										id="newPW" >
										<span id="psw2" style="color: red"></span>
									</div>
								</div>
								
								<div class="real-name-con height-main margin-top-25 clearfix">
									<p contenteditable="false" class="content-left-zoon">
										确认密码:
									</p>
									<div class="content-right-zoon">
										<input class="width-main input" type="text"  
										 id="checkPW" >
										 <span id="psw3" style="color: red"></span>
									</div>
								</div>

								<div class="unit-style padding-large-tb clearfix">
									<div class="margin-large-top padding-left text-left content-right-zoon">
										<input id="resetPWButn" class="btn btn-default" style="align:right" type="button" value="取消">
										<input id="modifyPWButn"  class="btn btn-default" style="align:left"  type="button" value="提交修改">
									</div>
								</div>
							</div>
						</div>						
					</form>				
		</div>
		<!--查看子账号信息-->
		<div class="tab-pane" contenteditable="true" id="serchPurchase">
			<form>
				<br>
				<center>
				<table class="table" style="width:100%;">
					<thead>
					<center>
						<th>订单编号</th>
						<th>商品详情</th>
						<th>价格</th>
						<th>数量</th>
						<th>总价</th>
						<th>联系方式</th>
						<th>收货地址</th>
						<th>收货人</th>
						<th>订单状态</th>
						<th>编辑</th>
						</center>
					</thead>
					<tbody></tbody>
				</table>
				</center>
			</form>
		</div>
	</div>
	</div>
	</div>
</body>
</html>